<template>
  <div>
    <h1>{{ msg }}</h1>
    <!-- 绑定点击事件 -->
    <button @click="rev">点我翻转</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello,world!",
    };
  },
  methods: {
    rev() {
      // 1.字符串分割为数组
      // 2.反转数组
      // 3.拼接字符串
      // 4.返回赋值
      this.msg = this.msg.split("").reverse().join("");
    },
  },
};
</script>

<style lang="scss" scoped>
</style>